<template>
    <div class="mybox-expertintroduction">
        <div class="mybox-father">
            <el-row>
                <el-col :span="8" v-for="(item, index) in personList" :key="index">
                    <div class="info-box">
                          <div class="expertintroduction-info" >
                <div class="img-header demo-basic--circle" >
 <img :src="item.imgsrc" alt="" style="width:120px;height:120px;border-radius: 130px">
                </div>
                <div>
                    <h4 style="text-align: center">{{item.name}}</h4>
                    <p>{{item.content}}</p>
                </div>
            </div>        
                    </div>
  
                </el-col>
            </el-row>


        </div>
    </div>
</template>

<script>
export default {
    name: 'expertintroduction',
    comName: '专家介绍',
     comSort: 4,

          data() {
         return {
              personList:[
              {
                  imgsrc: require('../../../assets/images/women.jpg'),
                  name:'张三',
                  content:'好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害'
              },

              {
                  imgsrc: require('../../../assets/images/man.jpg'),
                  name:'李四',
                  content:'好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害'
             },

              {
                  imgsrc: require('../../../assets/images/women.jpg'),
                  name:'韩梅梅',
                  content:'超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害'
              },

              {
                  imgsrc: require('../../../assets/images/man.jpg'),
                  name:'王红',
                  content:'太厉害了太厉害了太厉害了太厉害了太厉害了太厉害了太厉害了太厉害了太厉害了太厉害了太厉害了太厉害了太厉害了太厉害了'
                  },

              {
                  imgsrc: require('../../../assets/images/man.jpg'),
                  name:'欧阳清',
                  content:'无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害'
              },

              {
                  imgsrc: require('../../../assets/images/women.jpg'),
                  name:'赵曦',
                  content:'超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害'
                  },
              {
                  imgsrc: require('../../../assets/images/man.jpg'),
                  name:'李慕圆',
                  content:'好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害好厉害'
                  },

              {
                  imgsrc: require('../../../assets/images/man.jpg'),
                  name:'陈颖',
                  content:'超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害超级厉害'
                  },
                  
              {
                  imgsrc: require('../../../assets/images/women.jpg'),
                  name:'姜烨',
                  content:'无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害无敌厉害'
                  },
            ],
         };
     },
}
</script>


<style lang="scss" scoped>
.mybox-expertintroduction{
    width: 100%;
    height: 100%;
        display: flex;
       margin: 0 auto;
       margin-top: 5px;

.mybox-father{
    width: 1200px;
    height: 600px;
        display: flex;
       margin: 0 auto;
            display: flex;
                   flex-direction: column;
                  align-items: center;
                  flex-wrap: wrap;
                  justify-content: space-between;
                  padding: 20px;

                  .info-box{
                      margin-left: 50px;
                  }


       .expertintroduction-info{
           width: 280px;
           height: 350px;
                   display: flex;
                   flex-direction: column;
                  align-items: center;
                  justify-content: center;
                  margin-bottom: 25px;
                  padding: 20px;
                 border: 2px rgb(125,173,245) dashed;
            

           .img-header{
               width: 120px;
               height: 120px;
               margin-top: 20px;

               border-radius: 30px;
           }


       }
       
}

}
</style>